<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 用script引入JS -->
    <script src="./js/rem.js"></script>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/app-01-02.css">
    <link rel="stylesheet" href="http:////at.alicdn.com/t/font_2499729_9iw23k4rzfq.css">

</head>

<body>
    <!-- 顶部搜索栏 -->
    <div class="top">
        <div class="top1">
            <span class="iconfont icon-xxx"></span>
            <input type="text" placeholder="请输入你想搜索的内容">
            <img src="./img/1/未标题-13.png" alt="">
            <span class="iconfont icon-xxx"></span>
        </div>



        <!-- nav导航栏 -->
        <ul>
            <li>推荐：</li>
            <a href="#">春装</a>
            <a href="#">女装</a>
            <a href="#">男装</a>
            <a href="#">母婴</a>
            <a href="#">美食</a>
            <a href="#">包包</a>
            <a href="#">美容</a>
        </ul>

        <!-- 轮播图 -->
        <div class="banner">
            <div class="banner-pic">
                <img src="./img/1/未标题-12.png" alt="">
            </div>
            <!-- <div class="dots">
            <i class="dot"></i>
            <i class="dot"></i>
            <i class="dot"></i>
            <i class="dot"></i>
        </div> -->

        </div>

    </div>

    <div class="select">
        <div class="shang">
            <a class="tag" href="#">
                <img src="./img/1/0101.png" alt="">
                <span text>超市便利</span>
            </a>
            <a class="tag" href="#">
                <img src="./img/1/0102.png" alt="">
                <span text>现实抢购</span>
            </a>
            <a class="tag" href="#">
                <img src="./img/1/0103.png" alt="">
                <span text>9.9包邮</span>
            </a>
            <a class="tag" href="#">
                <img src="./img/1/0104.png" alt="">
                <span text>每日生鲜</span>
            </a>
            <a class="tag" href="#">
                <img src="./img/1/0105.png" alt="">
                <span text>母婴宝贝</span>
            </a>
        </div>
        <div class="down">
            <a class="tag" href="#">
                <img src="./img/1/未标题-6.png" alt="">
                <span text>餐饮娱乐</span>
            </a>
            <a class="tag" href="#">
                <img src="./img/1/未标题-7.png" alt="">
                <span text>外卖出行</span>
            </a>
            <a class="tag" href="#">
                <img src="./img/1/未标题-8.png" alt="">
                <span text>全球海淘</span>
            </a>
            <a class="tag" href="#">
                <img src="./img/1/未标题-9.png" alt="">
                <span text>数码家电 </span>
            </a>
            <a class="tag" href="#">
                <img src="./img/1/未标题-11.png" alt="">
                <span text>签到有礼 </span>
            </a>

        </div>
        <div class="dots2">
            <li class="dot2"></li>
            <li class="dot2"></li>
        </div>
        <hr>

        <div class="txt0">
            <img style="width: 1.09rem; height: 0.26rem;" src="./img/1/未标题-18.png" alt="">
            <span>精选</span>
            <div class="qx">
                <h5>全新一代千库V3.0智能手环正式发售监测...</h5>
                <label>|更多</label>
            </div>
        </div>
    </div>


    <div class="middle">
        <div class="txt1">
            <h3>发现周边</h3>
            <div>
                <h5>下场等待开启 | 12:00</h5>
            </div>
            <div>
                <label>更多优惠</label>
            </div>
        </div>


        <div class="show">
            <div class="show1">
                <img src="" alt="">
            </div>
            <div class="show2">
                <img src="" alt="">
            </div>
            <div class="show3">
                <div class="show4">
                    <img src="" alt="">
                </div>
                <div class="show5">
                    <img src="" alt="">
                </div>
            </div>
        </div>

        <div class="txt2">
            <h3>大家都在抢</h3>
        </div>
        <div class="up">
            <a class="tag" href="#">
                <span text>新人专享</span>
                <span text0>领券更优惠</span>
            </a>
            <a class="tag" href="#">

                <span text>新品首发</span>
                <span text0>大牌云集</span>

            </a>
            <a class="tag" href="#">

                <span text>清仓甩卖</span>
                <span text0>品类多价格低</span>

            </a>
            <a class="tag" href="#">
                <span text>0元适用</span>
                <span text0>每日特价</span>
            </a>
        </div>
    </div>

    <div class="txt3">
        <h3>今日热销榜</h3>
        <span>更多优惠</span>
    </div>

    <div class="block">
        <div class="box1"></div>
        <div class="box2"></div>
    </div>

    <div class="up">
        <a class="tag" href="#">
            <span text>女装会场</span>
            <span text0>23093人气</span>
            <img src="./img/2/02-11.png" alt="">

        </a>
        <a class="tag" href="#">
            <span text>美妆会场</span>
            <span text0>23093人气</span>
            <img src="./img/2/02-12.png" alt="">

        </a>
        <a class="tag" href="#">
            <span text>数码会场</span>
            <span text0>23093人气</span>
            <img src="./img/2/02-13.png" alt="">

        </a>
        <a class="tag" href="#">
            <span text>家电会场</span>
            <span text0>23093人气</span>
            <img src="./img/2/02-14.png" alt="">
        </a>


    </div>


    <div class="ad">
        <img src="./img/2/02-15.png" alt="">
    </div>

    <div class="txt4">
        <h2>吃喝撸串</h2>
    </div>


    <div class="up">
        <a class="tag" href="#">
            <span text>麻辣烤串</span>
            <span text0>领券更优惠</span>
            <img class="img" src="./img/2/02-16.png" alt="">
            <div class="box">
                <span class="jiage">￥15</span>
                <span class="red">七折购</span>
            </div>



        </a>
        <a class="tag" href="#">
            <span text>醇香啤酒</span>
            <span text0>大牌云集</span>
            <img class="img" src="./img/2/02-17.png" alt="">
            <div class="box">
                <span class="jiage">￥15</span>
                <span class="red">七折购</span>
            </div>


        </a>
        <a class="tag" href="#">
            <span text>零食铺子</span>
            <span text0>品类多价格低</span>
            <img class="img" src="./img/2/02-18.png" alt="">
            <div class="box">
                <span class="jiage">￥15</span>
                <span class="red">七折购</span>
            </div>



        </a>
        <a class="tag" href="#">
            <span text>火锅辣子</span>
            <span text0>每场特价</span>
            <img class="img" src="./img/2/02-19.png" alt="">
            <div class="box">
                <span class="jiage">￥15</span>
                <span class="red">七折购</span>
            </div>
        </a>


    </div>
    <div class="txt4">
        <h2>特色推荐</h2>
    </div>

    <div class="up">
        <a class="tag" href="#">
            <span text>新人专享</span>
            <span text0>领券更优惠</span>
        </a>
        <a class="tag" href="#">

            <span text>新品首发</span>
            <span text0>大牌云集</span>

        </a>
        <a class="tag" href="#">

            <span text>清仓甩卖</span>
            <span text0>品类多价格低</span>

        </a>
        <a class="tag" href="#">
            <span text>0元适用</span>
            <span text0>每日特价</span>
        </a>
    </div>

    <div class="last-box">
        <a href="#">
            <span class="iconfont icon-shouye"></span>
            <span class="title">首页</span>
        </a>

        <a href="#">
            <span class="iconfont icon-yijian"></span>
            <span class="title">分类</span>
        </a>

        <a href="#">
            <span class="iconfont icon-faxian"></span>
            <span class="title">发现</span>
        </a>

        <a href="#">
            <span class="iconfont icon-gouwuche"></span>
            <span class="title">购物车</span>
        </a>

        <a href="#">
            <span class="iconfont icon-wode"></span>
            <span class="title">我的</span>
        </a>
    </div>



</html>